﻿@model GDoc.Web.Models.AccountSelectModel
@{
    ViewBag.Title = "Inicio";
}
<h2>
    > Elija una cuenta para comenzar</h2>

@if (Model.User.Accounts.Count == 0)
{
    <text>No posee ninguna cuenta aún &gt; @Html.ActionLink("cree una nueva cuenta para comenzar", "Create", "Account")</text>
    }
    else
    {
        <text>Seleccione una cuenta para comenzar o @Html.ActionLink("cree una nueva cuenta", "Create", "Account") si aún no tiene ninguna.</text>
    <p>
        <ul class="selectionList">
            @foreach (var account in Model.User.Accounts)
            {
                <li class="next" onclick="navigateToUrl('@Url.Action("Index", "Account", new { id = account.Id })')">@account.Account.Name</li>
            }
            <li class="add" onclick="navigateToUrl('@Url.Action("Create", "Account")')">Crear Nueva Cuenta...</li>
        </ul>
    </p>
}

<script type="text/javascript">
$(document).ready(function() 
{
	adjustSelectListItemsWidth();
});

function adjustSelectListItemsWidth(){
	var maxWidth = 0;
	var elemWidth = 0;
	$('ul.selectionList').each(function() {
		$(this).find('li').each(function() {
			elemWidth = parseInt($(this).css('width'));
			if (parseInt($(this).css('width')) > maxWidth) {
				maxWidth = elemWidth;
			}
		});
		$(this).find('li').each(function() {
			$(this).css('width', maxWidth + 10 + "px");
			$(this).css('display', "block");
		});
	});
}
</script>